index.html.vue 1.1 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <template>
  2. <div>
  3. <NewsClass></NewsClass>
  4. <!-- <NewsClass v-if="routeType == 1"></NewsClass> -->
  5. <!-- <GoodsClass v-if="routeType == 2"></GoodsClass> -->
  6. </div>
  7. </template>
  8. <script setup>
  9. //0.加载页面依赖 start ---------------------------------------->
  10. import { ref, onMounted } from 'vue';
  11. import { ElMessage } from 'element-plus';
  12. //0.加载页面依赖 end ---------------------------------------->
  13. //1.获得路由id start ---------------------------------------->
  14. const targetSegment = getRoutePath(1);
  15. //1.1 获得当前的路由id
  16. let routeId;
  17. let routeType;
  18. //通过导航路径反向查询导航id
  19. const getRouteId = await requestDataPromise('/web/getWebsiteRoute', {
  20. method: 'GET',
  21. query: {
  22. 'pinyin': targetSegment,
  23. },
  24. });
  25. if (getRouteId.code == 200) {
  26. console.log("获得路由id成功!", getRouteId.data);
  27. routeId = getRouteId.data.category_id
  28. routeType = getRouteId.data.type
  29. } else {
  30. console.log("获得路由id出错!", getRouteId.message)
  31. }
  32. //1.获得路由id end ---------------------------------------->
  33. </script>